<template>
  <div class="dispatching-wrap">
    <el-tabs v-model="activeName" @tab-click="handleClick">
    <el-tab-pane label="商城" name="mall">

    <el-table
        :data="tableData"
        stripe
        style="width: 95%">
        <el-table-column
          prop="chineseName"
          label="中文名称"
          width="180">
        </el-table-column>
        <el-table-column
          prop="englishName"
          label="英文名称"
          width="180">
        </el-table-column>
        <el-table-column
          prop="mark"
          label="标识">
        </el-table-column>
        <el-table-column
      fixed="right"
      label="操作"
      width="100">
      <template slot-scope="scope">
        <el-button @click="handleClick(scope.row)" type="text" size="small">编辑</el-button>
        <el-button type="text" style="color: #f56c6c" size="small">删除</el-button>
      </template>
    </el-table-column>
    </el-table>

    </el-tab-pane>
    <el-tab-pane label="外卖" name="Takeaway"></el-tab-pane>
  </el-tabs>
  </div>
</template>

<script>
export default {
  name: 'Dispatching',
  data(){
    return {
      activeName:'mall',
      tableData: [
        {chineseName:'店铺1',englishName:'Names',mark:'admin',status:1},
        {chineseName:'店铺1',englishName:'Names',mark:'admin',status:1},
        {chineseName:'店铺1',englishName:'Names',mark:'admin',status:1},
      ],
    }
  },
  methods:{
    handleClick(){

    }
  }
}
</script>
<style scoped></style>
